<template>
  <div>
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>文档区</el-breadcrumb-item>
      <el-breadcrumb-item>基础乐理</el-breadcrumb-item>
      <el-breadcrumb-item>音程</el-breadcrumb-item>
    </el-breadcrumb>
    <el-card class="box-card">
      <el-alert title="音程: 两个音的音高距离,单位名称是度" type="warning" show-icon :closable="false">
      </el-alert>
      <div>
        <h3>度的概念:从一个音的名字念到另外一个音的名字,总共念了几个字,他们两个音的距离就是几<span style="color: red">[</span>度<span style="color: red">]</span>(<span class="author">----本章节理念来自官大為(Wiwi Kuan).好和弦系列</span>)</h3>
        <el-divider></el-divider>
        <p class="success">比如:Do 到 Fa,念了四个字,所以他们的距离就是4度<br>比如:Re 到 Fa,念了三个字,所以他们的距离就是3度</p>
        <p class="tip">有些同学可能就会疑惑:明明<span style="color: red">[</span>降Mi<span style="color: red">]</span>等于<span style="color: red">[</span>升Re<span style="color: red">]</span>啊,为什么Do 到 <span style="color: red">[</span>降Mi<span style="color: red">]</span> 和 Do到 <span style="color: red">[</span>升Re<span style="color: red">]</span>,一个是小3度,一个是增二度<br>注意了!:度跟升降号没关,只跟音的音名有关</p>
        <p class="question">问题来了,如果音的前面加上升降号了怎么办?请看下面</p>
        <h3>度的形容词:为了描述音程中出现升降号时而产生</h3>
        <el-divider></el-divider>
        <h4>先把大调音阶里,每一个音到根音(第一个音)的距离,分成<span style="color: red">[</span>完全<span style="color: red">]</span>和<span style="color: red">[</span>大<span style="color: red">]</span>两组(完全的另外一种叫法是纯)</h4>
        <el-table :data="tableData" style="width: 100%" stripe border>
          <el-table-column prop="dodo" label="Do 到 Do" width="100px">
          </el-table-column>
          <el-table-column prop="redo" label="Re 到 Do" width="100px">
          </el-table-column>
          <el-table-column prop="mido" label="Mi 到 Do" width="100px">
          </el-table-column>
          <el-table-column prop="fado" label="Fa 到 Do" width="100px">
          </el-table-column>
          <el-table-column prop="sodo" label="So 到 Do" width="100px">
          </el-table-column>
          <el-table-column prop="lado" label="LA 到 Do" width="100px">
          </el-table-column>
          <el-table-column prop="xido" label="Xi 到 Do" width="100px">
          </el-table-column>
          <el-table-column prop="ddodo" label="Do(高八度) 到 Do" width="100px">
          </el-table-column>
        </el-table>
        <p class="success"><span style="color: red">[</span>完全<span style="color: red">]</span>组:[1、4、5、8]级到Do<br><span style="color: red">[</span>大<span style="color: red">]</span>组:[2、3、6、7]级到Do</p>
        <p class="tip"> 减 --1458([完全]组)-- 增****(比完全要少半音的就是减,比完全要多半音的就是增,下面同理) <br> 减 --小 --2367([大]组)-- 增</p>
        <p class="question">比如:Do到降Mi,先念一下有几个字确定是3度,然后根据分组确定是大3度,最后根据升降号确定比大还要小,确定是小3度<br>比如:Mi到升Xi,先确定是5度,然后确定是完全5度,最后根据升降号确定比完全还要大,确定是增5度</p>
      </div>
    </el-card>
  </div>
</template>
<script>
export default {
  data() {
    return {
      tableData: [{
        dodo: '完全一度',
        redo: '大二度',
        mido: '大三度',
        fado: '完全四度',
        sodo: '完全五度',
        lado: '大六度',
        xido: '大七度',
        ddodo: '完全八度'
      }]
    }
  }
}

</script>
<style scoped>

</style>
